<template>
    <router-view></router-view>
</template>
<script setup>
import { onMounted } from 'vue';
let root = ref(null);
//vueuse库中的方法 2
let themeBg = useCssVar('--theme-bg', root)
// 3
//如何动态修改cssVarible
onMounted(() => {
    root.value = document.querySelector(":root");
    if (localStorage.getItem('vueuse-color-scheme') === 'dark') {

        themeBg.value = '#000'
    }
})
</script>